.mui-button {
  position: relative;
  display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	white-space: nowrap;
	margin: 0;
	background-color: #fff;
	overflow: visible;
	vertical-align: middle;
  box-sizing: border-box;
  transition: all 0.12s;
  outline: none;
  border: none;
  border-radius: 0;
  user-select: none;
  background: transparent;
  .mui-button__content {
    line-height: 1;
		letter-spacing: 1rpx;
  }
  &.is-fill {
    width: 100%;
  }
  &::after {
		display: none;
		border-width: 0;
	}

  &.is-mini {
    min-width: 100rpx;
    height: 44rpx;
    padding: 0 16rpx;
    font-size: 24rpx;
  }

  &.is-small {
    min-width: 120rpx;
    height: 60rpx;
    padding: 0 16rpx;
    font-size: 24rpx;
  }

  &.is-normal {
    height: 72rpx;
    padding: 0 32rpx;
    min-width: 240rpx;
    font-size: 26rpx;
  }

  &.is-large {
    height: 88rpx;
    padding: 0 72rpx;
    font-size: 30rpx;
  }

  &.is-block {
    display: block;
  }

  &.is-plain {
    color: var(--mui-color-primary);
    border: 1px solid var(--mui-color-primary);
    background-color: transparent;
  }

  &.is-default {
    background-color: var(--mui-color-primary, #007AFF);
    color: #fff;
    &.is-plain {
      color: var(--mui-color-primary);
      border: 1px solid var(--mui-color-primary);
      background-color: transparent;
    }
  }

  &.is-success {
    background-color: var(--mui-color-primary);

    &.is-plain {
      color: var(--mui-color-success);
      border: 1px solid var(--mui-color-success);
      background-color: transparent;
    }
  }

  &.is-info {
    background-color: var(--mui-text-color);

    &.is-plain {
      color: var(--mui-text-color);
      border: 1px solid var(--mui-text-color);
      background-color: transparent;
    }
  }

  &.is-warning {
    background-color: var(--mui-color-warning);

    &.is-plain {
      color: var(--mui-color-warning);
      border: 1px solid var(--mui-color-warning);
      background-color: transparent;
    }
  }

  &.is-error {
    background-color: var(--mui-color-warning);

    &.is-plain {
      color: var(--mui-color-error);
      border: 1px solid var(--mui-color-error);
      background-color: transparent;
    }
  }

  &.is-round {
    border-radius: 999px;
  }

  &.is-disabled {
    background-color: #f7f7f7;
    color: rgba(0, 0, 0, 0.3);
  }
  &.mui-button--hover {
    background-color: #f6f7fa;
  }
}
